<div class="{{getBaseCssClasses ('header')}}">
    <a class="{{getBaseCssClasses ('prev-year-btn')}}"
       href="#"
       tabindex="-1"
       role="button"
       title="{{previousYearLabel}}"
       hidefocus="on">
    </a>
    <a class="{{getBaseCssClasses ('prev-month-btn')}}"
       href="#"
       tabindex="-1"
       role="button"
       title="{{previousMonthLabel}}"
       hidefocus="on">
    </a>
    <a class="{{getBaseCssClasses ('month-select')}}"
       role="button"
       href="#"
       tabindex="-1"
       hidefocus="on"
       title="{{monthSelectLabel}}">
        <span class="{{getBaseCssClasses ('month-select-content')}}">{{monthYearLabel}}</span>
        <span class="{{getBaseCssClasses ('month-select-arrow')}}">x</span>
    </a>
    <a class="{{getBaseCssClasses ('next-month-btn')}}"
       href="#"
       tabindex="-1"
       role="button"
       title="{{nextMonthLabel}}"
       hidefocus="on">
    </a>
    <a class="{{getBaseCssClasses ('next-year-btn')}}"
       href="#"
       tabindex="-1"
       role="button"
       title="{{nextYearLabel}}"
       hidefocus="on">
    </a>
</div>
<div class="{{getBaseCssClasses ('body')}}">
    <table class="{{getBaseCssClasses ('table')}}" cellspacing="0" role="grid">
        <thead>
        <tr role="row">
            {{#if (showWeekNumber)}}
            <th role="columnheader" class="{{getBaseCssClasses ('column-header')}} {{getBaseCssClasses ('week-number-header')}}">
                <span class="{{getBaseCssClasses ('column-header-inner')}}">x</span>
            </th>
            {{/if}}
            {{#each (weekdays)}}
            <th role="columnheader" title="{{this}}" class="{{getBaseCssClasses ('column-header')}}">
                <span class="{{getBaseCssClasses ('column-header-inner')}}">
                    {{veryShortWeekdays[xindex]}}
                </span>
            </th>
            {{/each}}
        </tr>
        </thead>
        <tbody class="{{getBaseCssClasses ('tbody')}}">
        {{{renderDates()}}}
        </tbody>
    </table>
</div>
{{#if (showToday || showClear)}}
<div class="{{getBaseCssClasses ('footer')}}">
    <a class="{{getBaseCssClasses ('today-btn')}}"
       role="button"
       hidefocus="on"
       tabindex="-1"
       href="#"
       title="{{todayTimeLabel}}">{{todayLabel}}</a>
    <a class="{{getBaseCssClasses ('clear-btn')}}"
       role="button"
       hidefocus="on"
       tabindex="-1"
       href="#">{{clearLabel}}</a>
</div>
{{/if}}